<template>
  <div>
    <h2>第二天内容</h2>
    <h2>数据驱动试图</h2>
    <p>{{str}}</p>
    <button @click="aa">翻转世界</button>
  </div>
</template>

<script>
export default{
  data(){
    return{
      // age:20
      str:'你好世界'
    }
  },
  methods:{
    aa(){
      this.str = this.str.split('').reverse().join('')
      console.log(this.str);
    }
  }
}
</script>

<style >
.box{
  width: 300px;
  height: 100px;
  backdrop-filter: cadetblue;
}
</style>
